<template>
    <div class="box">
        <ul>
           <li>
               <div class="CP1">
                   <div class="cp11">CP情侣杯</div>
                   <div class="cp12">99元两只</div>
               </div>
               <div class="CP2">
                   <div class="cp21"><img src="../assets/潮品杯子2.png"></div>
                   <div class="cp22"><img src="../assets/杯子1.png"></div>
               </div>
           </li>
           <li>
               <div class="CP1">
                   <div class="cp11">CP情侣杯</div>
                   <div class="cp12">99元两只</div>
               </div>
               <div class="CP2">
                   <div class="cp21"><img src="../assets/潮品杯子2.png"></div>
                   <div class="cp22"><img src="../assets/杯子1.png"></div>
               </div>
           </li>
           <li>
               <div class="CP1">
                   <div class="cp11">CP情侣杯</div>
                   <div class="cp12">99元两只</div>
               </div>
               <div class="CP2">
                   <div class="cp21"><img src="../assets/潮品杯子2.png"></div>
                   <div class="cp22"><img src="../assets/杯子1.png"></div>
               </div>
           </li>
           <li>
               <div class="CP1">
                   <div class="cp11">CP情侣杯</div>
                   <div class="cp12">99元两只</div>
               </div>
               <div class="CP2">
                   <div class="cp21"><img src="../assets/潮品杯子2.png"></div>
                   <div class="cp22"><img src="../assets/杯子1.png"></div>
               </div>
           </li>
        </ul>
    </div>
</template>
<script>
export default {
    
}
</script>
<style scoped>
    .box{
        width: 3.40rem;
        height: 1.93rem;
        margin-left: 10px;
        background-color: #fff;
        border-radius: 4px;
        margin-top: 0.1rem;
        overflow: hidden;
    }
    ul{
        width: 3.2rem;
        height: 1.5rem;
        margin: auto;
        margin-top: 0.12rem;
        display: flex;
        flex-wrap: wrap;
    }
    ul li{
        width: 1.56rem;
        height: 0.9rem;
        margin-left: 0.04rem;
    }
    ul li img{
        width: 0.76rem;
        height: 0.67rem;
    }
    ul li div{
        float: left;
    }
    .cp22{
        margin-left: 0.04rem;
    }
    .cp12{
        background-color: #fd6682;
        font-size: 0.1rem;
        color: #fff;
        border-radius:0.27rem;
        margin-top: 0.05rem;
    }
</style>
